.login {
    width: 100vw;
    padding: 0;
    margin: 0;
    height: 100vh;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #242645;
    color: #fff;
    font-family: "Source Sans Pro";
    background-size: 100%;
    background-image: url("../img/background.png");
    position: relative;

    .login_box {
        width: 400px;
        height: 410px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 15px;
        padding: 50px 40px 40px 40px;
        box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
        opacity: 1;
        background: linear-gradient(230deg, rgba(20, 193, 138, 0.807) 0%, rgba(178, 16, 159, 0.372) 100%);

        .login_content {
            margin-top: 30px;

            .login-input {
                input {
                    border: none;
                    color: #fff;
                    background-color: transparent;
                    font-size: 20px;
                }
            }

            a {
                font-size: 14px;
                color: red;
            }

            .codeImg {
                width: 140px;
                height: 70px;
                position: absolute;
                top: 240px;
                left: 227px;
                z-index: 999;
            }

            .toregister {
                display: inline-block;
                float: right;
                color: #fff;
                line-height: 36px;
            }
        }

        img {
            position: relative;
            left: -35px;
            bottom: 50px;
            width: 50px;
            height: 50px;
        }

        .title {
            position: relative;
            right: 15px;
            top: 20px;
            font-size: 35px;
            display: inline-block;
            // 文字下方倒影
            -webkit-box-reflect: below 3px -webkit-linear-gradient(transparent, transparent 50%, rgba(255, 255, 255, 0.3));
            line-height: 1;
            background: linear-gradient(135deg, #003973, #e5e5be, #e5e5be);
            -webkit-background-clip: text;
            background-clip: text;
            mix-blend-mode: screen;
            color: rgba(255, 255, 255, 0.5);
        }
    }
}